.role-add{
  background: #f2f4f7;

  .user-add-title-color{color: #000;}

  .user-add-list{
    float: left;
    display: inline-block;
    width: 437px;
    background: #FFF;
    padding: 0;
    margin-right: 10px;
    border-right: 10px solid #f2f4f7;

    h5{
      padding: 10px 15px 8px 15px;
      font-size: 18px;
      border-bottom: 1px solid #dcdcdc;
      a{
        float: right;
        font-size: 12px;
        padding-left: 20px;
        line-height: 27px;
      }
    }
    .scroll-user-add{
      max-height: 518px;
      border-bottom: 1px solid #f6f6f6;

      ul,li{
        display: inline-block;
      }
      .item{
        padding: 10px 0;
        margin: 0 15px;
        overflow: hidden;
        border-bottom: 1px solid #f6f6f6;
        display: block;

        li{
          padding: 5px 0;
          &.item-title{
            width: 100%;
          }
          &.col{
            display: block;
            text-align: right;
          }
        }
      }
    }
    .all-list-page{
      text-align: right;
      padding: 9px 0 9px 40px;
    }
  }
  .user-add-editor{
    background: #FFF;

      .user-add-editor-content{
        height: 560px;
        padding: 0 0 15px 0;

        .user-add-editor-i{
          padding: 0 10px 15px 15px;
          border-bottom: 1px solid #f6f6f6;
          table{
            width: 98%;

            tr{
              td{
                text-align: right;
                padding: 10px 6px;
              }
            }
          }
        }
        .user-add-editor-a{
          p{
            padding: 10px 0;
            font-size: 14px;
            margin: 0 10px;
            border-bottom: 1px solid #f6f6f6;
          }
        }
      }

      h5{
        padding: 10px 15px 8px 15px;
        font-size: 18px;
        border-bottom: 1px solid #dcdcdc;

        a{
          float: right;
          font-size: 12px;
          padding-left: 20px;
          line-height: 27px;
        }
      }


  }
}